<template>
    <div>
        <van-dropdown-menu>
          <van-dropdown-item v-model="value1" :title="title1"  />
          <van-dropdown-item v-model="value2" :title="title2" :options="option1" @change="sort"/>
          <van-dropdown-item v-model="value3" :title="title3" :options="option2" @change="screen"/>
        </van-dropdown-menu>
    </div>
</template>

<script>
export default {
  props: {
    title1: String,
    title2: String,
    title3: String,
    option1: Array,
    option2: Array,
    option3: Array
  },
  data() {
    return {
      value1: 0,
      value2: 0,
      value3: 0
    };
  },
  methods: {
    sort() {
      this.$emit("sort", this.value2);
    },
    screen() {
      this.$emit("screen", this.value3);
      
    }
  }
};
</script>

<style lang="scss" scoped>
</style>